import { ListItem, Typography } from "@material-ui/core";
import Button from "@material-ui/core/Button";
import React from "react";
import { useTranslation } from "react-i18next";

const WalletsBoxItem = (props: any) => {
  const { walletIcon } = props;
  const { t } = useTranslation();

  return (
    <>
      <ListItem className="box-item">
        <div className="box-header">
          <span className="item-name font-weight-bold  mt-3">
            Tether wallet
          </span>
          <Button
            color="primary"
            variant="text"
            size="small"
            className="copy-btn"
          >
            {t("buttons:copy_btn")}
          </Button>
        </div>

        <div className="box-inf">
          <img src={walletIcon} alt="tether icon" className="item-icon mb-4 " />
          <Typography color="textPrimary" className="item-id">
            KJLhjhkJHLHLMNCBBGjhddsfaeggaDDgsKIHjdfskk
          </Typography>
        </div>
      </ListItem>
    </>
  );
};

export default WalletsBoxItem;
